<?php
$f_userid       = '';
$f_loggedout    = '';
$f_returnurl    = $_SERVER['REQUEST_URI'];
$f_rememberme   = '';

if (isset($_REQUEST['userid'    ])) { $f_userid     = $_REQUEST['userid'    ];}
if (isset($_REQUEST['loggedout' ])) { $f_loggedout  = $_REQUEST['loggedout' ];}
if (isset($_REQUEST['returnurl' ])) { $f_returnurl  = $_REQUEST['returnurl' ];}
if (isset($_REQUEST['rememberme'])) { $f_rememberme = $_REQUEST['rememberme'];}
?>
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en"> <!--<![endif]-->
    <!-- BEGIN HEAD -->
    <head>
        <meta charset="utf-8" />
        <title><?= $s_WebTitle ?> - Login</title>
        <meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
        <meta content="width=device-width, initial-scale=1.0" name="viewport" />
        <meta content="" name="description" />
        <meta content="" name="author" />
        <!-- BEGIN GLOBAL MANDATORY STYLES -->
        <link href="<?=$s_Assets_Path?>/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <link href="<?=$s_Assets_Path?>/plugins/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>
        <link href="<?=$s_Assets_Path?>/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
        <link href="<?=$s_Assets_Path?>/css/style-metro.css" rel="stylesheet" type="text/css"/>
        <link href="<?=$s_Assets_Path?>/css/style.css" rel="stylesheet" type="text/css"/>
        <link href="<?=$s_Assets_Path?>/css/style-responsive.css" rel="stylesheet" type="text/css"/>
        <!-- END GLOBAL MANDATORY STYLES -->
        <!-- BEGIN PAGE LEVEL STYLES -->
        <link href="<?=$s_Assets_Path?>/css/pages/login-soft.css" rel="stylesheet" type="text/css"/>
        <!-- END PAGE LEVEL STYLES -->
        <link rel="shortcut icon" href="favicon.ico" />
    </head>
    <!-- END HEAD -->
    <!-- BEGIN BODY -->
    <body class="login">
        <!-- BEGIN LOGO -->
        <div class="logo">
            <img src="<?=$s_Assets_Path?>/img/logo-big.png" alt="" /> 
        </div>
        <!-- END LOGO -->
        <!-- BEGIN LOGIN -->
        <div class="content">
            <!-- BEGIN LOGIN FORM -->
            <form class="form-vertical login-form" action="index.php?ppomoduleid=login_execute" method="post">
                <h3 class="form-title text-center">Đăng Nhập Hệ Thống</h3>
                <div class="alert alert-error hide">
                    <button class="close" data-dismiss="alert"></button>
                    <span>Chưa nhập Mã Số và Mật Khẩu.</span>
                </div>
                <div class="control-group">
                    <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
                    <label class="control-label visible-ie8 visible-ie9">Mã Số</label>
                    <div class="controls">
                        <div class="input-icon left">
                            <i class="icon-user"></i>
                            <input class="m-wrap placeholder-no-fix" type="text" autocomplete="off" placeholder="Mã Số" name="userid"/>
                        </div>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label visible-ie8 visible-ie9">Mật Khẩu</label>
                    <div class="controls">
                        <div class="input-icon left">
                            <i class="icon-lock"></i>
                            <input class="m-wrap placeholder-no-fix" type="password" autocomplete="off" placeholder="Mật Khẩu" name="passwd"/>
                        </div>
                    </div>
                </div>
                <div class="form-row-seperated text-center">
                    <button type="submit" class="btn blue">
                        Đăng Nhập <i class="m-icon-swapright m-icon-white"></i>
                    </button>            
                </div>
            </form>
            <!-- END LOGIN FORM -->
        </div>
        <!-- END LOGIN -->
        <!-- BEGIN COPYRIGHT -->
        <div class="copyright">
            2013 &copy; <?= $s_WebTitle ?>
        </div>
        <!-- END COPYRIGHT -->
        <!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
        <!-- BEGIN CORE PLUGINS -->   <script src="<?=$s_Assets_Path?>/plugins/jquery-1.10.1.min.js" type="text/javascript"></script>
        <script src="<?=$s_Assets_Path?>/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
        <!--[if lt IE 9]>
        <script src="<?=$s_Assets_Path?>/plugins/excanvas.min.js"></script>
        <script src="<?=$s_Assets_Path?>/plugins/respond.min.js"></script>  
        <![endif]-->   
        <!-- BEGIN PAGE LEVEL PLUGINS -->
        <script src="<?=$s_Assets_Path?>/plugins/jquery-validation/dist/jquery.validate.min.js" type="text/javascript"></script>
        <script src="<?=$s_Assets_Path?>/plugins/backstretch/jquery.backstretch.min.js" type="text/javascript"></script>
        <!-- END PAGE LEVEL PLUGINS -->
        <!-- BEGIN PAGE LEVEL SCRIPTS -->
        <script src="<?=$s_Assets_Path?>/scripts/app.js" type="text/javascript"></script>
        <script src="<?=$s_Assets_Path?>/scripts/nh-login.js" type="text/javascript"></script>      
        <!-- END PAGE LEVEL SCRIPTS --> 
        <script>
            jQuery(document).ready(function() {     
                App.init();
                Login.init();
            });
        </script>
        <!-- END JAVASCRIPTS -->
    </body>
    <!-- END BODY -->
</html>